<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		/* ul li:first-child{
			background: red;
		} */
		/* ul li:last-child{
			background: green;
		} */
		/* body p:nth-child(even){
			background: yellow;
		}
		body p:nth-child(odd){
			background: green;
			}
		body span:last-of-type{
			background: blue;
		}
		body span:first-of-type{
			background: bisque;
		} */
		/* ul li:nth-of-type(2){
			background: aqua;
		} */
		body>p:last-of-type{
			background: blue;
		}
		ul li:nth-of-type(2){
			background: green;
		}
		</style>
	</head>
	<body>
		<ul>
			<li>
				<p>li1</p>
				<p>li2</p>
			</li>
			<li>li2</li>
			<li><p>li3</p></li>
		</ul>
		<h1>20</h1>
		<p>p1</p>
		<p>p2</p>
		<p>p3</p>
		<span>aa</span>
		<span>bb</span>
		<p>p4</p>
		
	</body>
</html>
